<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PASCal</title>
<link href="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css">
<link href="styles/pascal.css" rel="stylesheet" type="text/css">
<script src="./jquery/jquery-1.7.1.min.js"></script>
<script src="./scripts/handler.js" type="text/javascript"></script>
<script src="./scripts/robot.js" type="text/javascript"></script>
<script src="jquery.mobile-1.0.1/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
</head>
<body> 
	<div data-role="page">	
		<div data-role="header" data-theme="b" data-position="fixed">
			<h1>PASCal Robot</h1>
		</div>

		<div data-role="content" data-theme="c">	
			<a href="#" data-role="button" data-icon="delete" class="robotbutton" data-theme="d" data-inline="true">no!</a>
			<a href="#" data-role="button" data-icon="arrow-u" class="robotbutton" id="up" data-theme="a" data-inline="true">상</a>
			<a href="#" data-role="button" data-icon="delete" class="robotbutton" data-theme="d" data-inline="true">no!</a><br/>
			
			<a href="#" data-role="button" data-icon="arrow-l" class="robotbutton" id="left" data-theme="a" data-inline="true">좌</a>
			<a href="#" data-role="button" data-icon="delete" class="robotbutton" data-theme="d" data-inline="true">no!</a>
			<a href="#" data-role="button" data-icon="arrow-r" class="robotbutton" id="status" data-theme="a" data-inline="true">Status</a><br/>
			
			<a href="#" data-role="button" data-icon="delete" class="robotbutton" data-theme="d" data-inline="true">no!</a>
			<a href="#" data-role="button" data-icon="arrow-d" class="robotbutton" id="right" data-theme="a" data-inline="true">하</a>
			<a href="#" data-role="button" data-icon="delete" class="robotbutton" data-theme="d" data-inline="true">no!</a><br/><br/>
					
			<a href="#" data-role="button" data-icon="arrow-l" id="connect" data-theme="b" data-inline="true">Connect</a>
			<a href="#" data-role="button" data-icon="arrow-r" id="disconnect" data-theme="c" data-inline="true">DisConnect</a><br/><br/>		
													
			<a href="#" data-role="button" id="dance" data-theme="b">Dance</a> 
		</div>	
		<div data-role="footer" data-theme="b" data-position="fixed">
			<h4>BitAcademy Java22 A-Team &copy; 2012</h4>        
		</div>
	</div>

</body>
</html>